/* less全局样式 */

////////////////////////////////////////////////////////////////////////// 居中相关
.text-center {
  text-align: center;
}
.block-left-center {
  left : 50%;
  transform: translateX(-50%);
}
.block-top-center {
  top: 50%;
  transform: translateY(-50%);
}
////////////////////////////////////////////////////////////////////////// 等大的子元素
.equal-size {
  width: 100%;
  height: 100%;
}
////////////////////////////////////////////////////////////////////////// 导航栏的背景hover

.active-blue {
  background-color: @bkHoverBlue;
}

////////////////////////////////////////////////////////////////////////// 按钮
.btn-delete {
  background-color: @btnOrange;
  color: @fontWhite;
  &:hover {
    background-color: @btnHoverOrange;
    color: @fontWhite;
  }
}
.btn-query {
  background-color: #3379b5;
  color: @fontWhite;
  &:hover {
    background-color: @btnHoverBlue;
    color: @fontWhite;
  }
}
.btn-blue {
  background-color: rgb(26, 169, 255);
  border: @lineBlue;
  color: @fontWhite;
}

#bootstrap-button {
  height: 26px;
  width: 70px;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  padding: 0;
  background-color: #337ab7;
}
////////////////////////////////////////////////////////////////////////// 整体布局
.left-nav {
  float: left;
  width: 250px;
  height: calc(~"100% - 74px");
  margin-top: 10px;
  background-color: @bkLightGray;
  border: 1px solid #e6e6e6;
}
.content-wrap {
  float: right;
  height: calc(~"100% - 74px");
  width: calc(~"100% - 270px");
  margin: 10px;
  border: 1px solid #e6e6e6;
}


////////////////////////////////////////////////////////////////////////// 状态颜色
// stateColor
.state-normal {
  background-color: green;
}
.state-fault {
  background-color: red;
}
.state-offLine {
  background-color: gray;
}
.state-downGrade {
  background-color: orange;
}